<template>
  <div>测试</div>
  <cms-icon color="red" size="40">
    <AddCircle></AddCircle>
  </cms-icon>
  <cms-icon color="blue" :size="40">
    <AddCircle></AddCircle>
  </cms-icon>

  <cms-checkbox v-model="check" :disabled="false" label="节点"></cms-checkbox>
  <div style="margin-top: 10px">
    <cms-button size="medium" type="danger">
      按钮
      <template #icon>
        <cms-icon>
          <AddCircle></AddCircle>
        </cms-icon>
      </template>
    </cms-button>

    <cms-button loading round disabled>加载中</cms-button>
  </div>

  <div style="margin-top: 10px">
    <!-- <cms-switch v-model="check1" size="large"/> -->
    <cms-switch v-model="check1"/>
  </div>

  <div style="margin-top: 10px">
    <cms-empty :image-size="200" description="2222">
      <template #description>
        <div>6666666</div>
      </template>
    </cms-empty>
  </div>
</template>
<script setup lang="ts">
import { AddCircle } from '@vicons/ionicons5'
import { ref } from 'vue'
const check = ref(false)
const check1 = ref(false)
</script>

<style lang="scss" scoped></style>
